<template>
  <div class="footer">
    <div class="top">
      <img src="@/assets/platform.png" alt class="platform" />
      <div class="address">
        <h3>地址</h3>
        <p>上海市长宁区长宁路1133号长宁来福士T1座28楼01单元 021-61475107</p>
        <p>北京市朝阳区广顺南大街8号院利星行中心F座1层 010-50866597</p>
        <p>韩国首尔市江南区德黑兰路129，801号</p>
      </div>
      <div class="address">
        <h3>邮箱</h3>
        <p>recruit@cue.group (招聘)</p>
        <p>contactus@cue.group (业务)</p>
      </div>
      <div class="address">
        <h3>关注</h3>
        <div>
          <a href>
            <img src="@/assets/wechat.png" alt />
          </a>
          <a href="https://weibo.com/cuegroup" target="_blank">
            <img src="@/assets/weibo.png" alt />
          </a>
          <a href="https://www.linkedin.com/company/cuecogroup" target="_blank">
            <img src="@/assets/linkedin.png" alt />
          </a>
          <a href="https://www.facebook.com/cuecogroup" target="_blank">
            <img src="@/assets/facebook.png" alt />
          </a>
          <a href="https://twitter.com/cuecogroup" target="_blank">
            <img src="@/assets/twitter.png" alt />
          </a>
        </div>
      </div>
    </div>
    <div class="bottom">
      上海开域信息技术科技有限公司 沪ICP备18011165号-1
      <a href="https://cue.group/privacy.html" target="_blank">隐私政策</a>
      <a href="https://cue.group/license.html" target="_blank">营业执照</a>
    </div>
  </div>
</template>
<style lang="scss" scoped>
$pfm: PingFangSC-Medium, PingFang SC;
$pfh: PingFang-SC-Heavy, PingFang-SC;
$pfr: PingFangSC-Regular, PingFang SC;
.footer {
  padding: 0 0.24rem;
  background: #f2f7ff;
  .top {
    display: flex;
    height: 2.76rem;
    padding: 0.62rem 0 0 1.5rem;
    .platform {
      width: 1.26rem;
      height: 0.57rem;
      margin: 0.42rem 1.1rem 0 0;
    }
    .address {
      h3 {
        font-size: 18px;
        font-family: $pfm;
        font-weight: 500;
        color: #0d2134;
        line-height: 0.28rem;
        margin-bottom: 0.15rem;
      }
      p {
        font-size: 14px;
        font-family: $pfr;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        line-height: 0.24rem;
      }
      div {
        font-size: 14px;
        img {
          width: 0.2rem;
          height: 0.2rem;
          margin-right: 0.16rem;
        }
      }
    }
    .address:nth-of-type(1) {
      margin-right: 0.39rem;
    }
    .address:nth-of-type(2) {
      margin-right: 0.75rem;
    }
  }
  .bottom {
    height: 0.93rem;
    line-height: 0.93rem;
    text-align: center;
    font-size: 14px;
    font-family: $pfr;
    font-weight: 400;
    color: #0d2134;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    a {
      color: #1a79ff;
    }
  }
}
</style>
